import { createApp } from 'vue'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

import App from './App.vue'
import router from './router'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import { Form, Field, Button, NavBar, CellGroup, Cell, List, Tag, Pagination, Dialog, 
    Popup, Picker, Search, Tabs, Tab, DropdownMenu, DropdownItem, Icon,
    Swipe, SwipeItem, Grid, GridItem, Tabbar, TabbarItem,Sidebar,SidebarItem,
    Image as VanImage,Card,Sticky,Empty,Loading,Toast,Rate, Checkbox,showToast } from 'vant'


import 'vant/lib/index.css';


const app = createApp(App)
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

app.use(pinia)
app.use(router)
app.use(ElementPlus)

app.use(Form)
  .use(Field)
  .use(Button)
  .use(NavBar)
  .use(Cell)
  .use(CellGroup)
  .use(List)
  .use(Tag)
  .use(Pagination)
  .use(Dialog)
  .use(Popup)
  .use(Picker)
  .use(Search)
  .use(Tabs)
  .use(Tab)
  .use(DropdownMenu)
  .use(DropdownItem)
  .use(Icon)
  .use(Swipe)
  .use(SwipeItem)
  .use(Grid)
  .use(GridItem)
  .use(Tabbar)
  .use(TabbarItem)
  .use(Sidebar)
  .use(SidebarItem)
  .use(VanImage)
  .use(Card)
  .use(Sticky)
  .use(Empty)
  .use(Loading)
  .use(Toast)
  .use(showToast)
  .use(Checkbox)
  .use(Rate)
app.mount('#app')
